// dark主题
html[data-theme='dark']:root {
    // 背景主色调
    --dark-bg-color: #141414;
    // 适配黑色主题的字体色
    --dark-color: #fff;
    --dark-home-bg-color: #000;
    --dark-logo-color: #141414;
}

// light主题
html[data-theme='light']:root {
    // 背景主色调
    --dark-bg-color: #fff;
    // 适配浅色主题的字体色
    --dark-color: #000;
    --dark-home-bg-color: #f0f2f5;
    --dark-logo-color: #001529;
}

// 哀悼灰白色调
html.mourn {
    filter: grayscale(100%);
}

/*
    主题修改方案二
    const handleSwitch = (isDark: boolean) => {
        if (isDark) {
            document.documentElement.classList.add('dark');
        } else {
            document.documentElement.classList.remove('dark');
        }

        //持久化
        updateTheme(isDark);
    };
    :root {
        // 背景主色调
        --dark-bg-color: #fff;
        // 适配浅色主题的字体色
        --dark-color: #000;
        --dark-home-bg-color: #f0f2f5;
        --dark-logo-color: #001529;
    }

    .dark {
        // 背景主色调
        --dark-bg-color: #141414;
        // 适配黑色主题的字体色
        --dark-color: #fff;
        --dark-home-bg-color: #000;
        --dark-logo-color: #141414;
    }
 */
